<template>
    <div class="editor">
         <div class="editor_warps">
              <p> ✨ 这是一款简单的随记工具，名称：WrokTodos</p>
              <p> 📦 无账户，开箱即用</p>
              <p> 🔔 数据持久化，只要用户不主动清除或不卸载，数据永久存在！</p>
              <p> 🎨 简洁UI设计 </p>
         </div>
    </div>
  </template>
  
  <script>
    export default {
      name: 'editor'
    }
  </script>
  
  <style lang="less">
    /* CSS */ 
    @sysfont:'myFontName';
    .editor{
       width: 100%;
       height: 100%;
       padding: 10px;
       box-sizing: border-box;
       &_warps{
          background-color: #fff;
    font-family: @sysfont;
    font-size: .8rem;
    padding: 10px;
    border-radius: 5px;
       }
    }
  </style>
  